
<html>
<head>
<title>Volcano database</title>
		<meta name="layout" content="main" />
		<style type="text/css" media="screen">

			#nav {
				margin-top:20px;
				margin-left:30px;
				width:228px;
				float:left;

			}
			.homePagePanel * {
				margin:0px;
			}
			.homePagePanel .panelBody ul {
				list-style-type:none;
				margin-bottom:10px;
			}
			.homePagePanel .panelBody h1 {
				text-transform:uppercase;
				font-size:1.1em;
				margin-bottom:10px;
			}
			.homePagePanel .panelBody {
			    background: url(images/leftnav_midstretch.png) repeat-y top;
				margin:0px;
				padding:15px;
			}
			.homePagePanel .panelBtm {
			    background: url(images/leftnav_btm.png) no-repeat top;
				height:20px;
				margin:0px;
			}

			.homePagePanel .panelTop {
			    background: url(images/leftnav_top.png) no-repeat top;
				height:11px;
				margin:0px;
			}
			h2 {
				margin-top:15px;
				margin-bottom:15px;
				font-size:1.2em;
			}
			#pageBody {
				margin-left:20px;
				margin-right:20px;
			}
		</style>

	<g:javascript library="prototype" />
</head>
<body>
<div id="pageBody">
<p>
<h1>Search Volcanos</h1>
<br/>
<h2>Find a volcano. Results are listed at the bottom of the page.</h2>
<g:link action="list">View all volcanos</g:link>
<br/>
<h2>By volcanoName</h2>
<g:formRemote name="myForm" url="[controller:'volcano', action:'volcanoQuery']" update="result-list">
<g:textField name="name"/>
<g:submitButton name="submit" value="submit"/>
</g:formRemote>

<h2>By volcanoType</h2>
<g:formRemote name="myForm" url="[controller:'volcano', action:'volcanoQuery']" update="result-list">
<g:textField name="type"/>
<g:submitButton name="submit" value="submit"/>
</g:formRemote>
<h2>By volcanoStatus</h4>
<g:formRemote name="myForm" url="[controller:'volcano', action:'volcanoQuery']" update="result-list">
<g:textField name="status"/>
<g:submitButton name="submit" value="submit"/>
</g:formRemote>
<h2>By volcanoRef</h2>
<g:formRemote name="myForm" url="[controller:'volcano', action:'volcanoQuery']" update="result-list">
<g:textField name="id"/>
<g:submitButton name="submit" value="submit"/>
</g:formRemote>
<!-- 
<g:select name="username" from="${users*.username}"/>
<g:datePicker name="date" value="${new Date()}"></g:datePicker>
-->
<h2><font color="red">Results</font></h23> <!-- what is result-list? -->
<div id="result-list">&nbsp;</div>
</body>
</html>